require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/News.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');

const new_title_1 = In8.News.new_title_1;//`五一道具大优惠、限时折扣疯狂抢`;
const new_title_2 = In8.News.new_title_2;// `人机小能手？《圣域三国》副本BOSS战小技巧`;
const new_title_3 = In8.News.new_title_3;//`八连杀是什么鬼《圣域三国》战场荣誉收取指南`;
const new_title_4 = In8.News.new_title_4;// `《圣域三国》等级礼包全面改革助你升级无忧`;

class News extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
    console.log("this.props",this.props);
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>

        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h3 className={styles.NewsH3}>
                首页> <a href="">活动资讯</a>
              </h3>
              <ul className={styles.Newsul}>
                <li className={styles.Newsli}>
                  <a href="#/news_1">{new_title_1}</a>
                </li>
                <li className={styles.Newsli}>
                  <a href="#/news_2">{new_title_2}</a>
                </li>
                <li className={styles.Newsli}>
                  <a href="#/news_3">{new_title_3}</a>
                </li>
                <li className={styles.Newsli}>
                  <a href="#/news_4">{new_title_4}</a>
                </li>
              </ul>
            </Col>
          </Row>

        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(News);
